* {box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        font-size: 14px;
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,td,section,article,aside,header,footer,nav,dialog,figure{margin:0;padding:0;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
li{list-style:none;}
ul{margin: 0;padding: 0} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
*:focus{outline:none}
.clearfix:after,.clearfix:before{content: '';display: table}
.clearfix:after {clear: both;}
.font14{font-size: 14px}
.font16{font-size: 16px}
.font18{font-size: 18px}
.fl { float:left; }
.fr { float:right; }
a{text-decoration:none;cursor:pointer;color: #555;}
a:hover{text-decoration:none;color: #cc0001;transition: all 0.5s ease-in-out;}

.undis{display: none}
.show{display: block!important;}
.flex{display: flex;}
/* 思源黑体 */
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('./fonts/SourceHanSansCN-Regular.otf');
}
body{font-family:'SourceHanSansCN-Regular','微软雅黑',microsoft yahei, arial,PingFang SC, helvetica, sans-serif;background: #f5f5f5}

.container{width: 1380px;margin-left: auto;margin-right: auto;}
.card{background: white;box-shadow: -1px 0px 5px 0.03px rgb(7 7 7 / 9%);}

/* top */
.shortcut{background-color: #eff1f5;height: 50px;width: 100%;overflow: hidden;}
.shortcut .container{}
.shortcut h3{line-height: 50px;font-weight: bold;color: #cc0001;}
.shortcut-group{display: flex;justify-content: space-between;align-items: center;}
.shortcut-group li{margin: 0 10px;}
.search{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;}
.search-btn{display: block;background: url('search_23st.png') no-repeat center;width: 30px;height: 30px;background-size: 100%;cursor: pointer;}
.search-btn.search-close{background: url('./close_23st.png') no-repeat center;background-size: 100%;}
.search-select{width: 100%;height: 100%;background: #fff;position: fixed;top: 50px;left: 0;right: 0;z-index: 100;padding: 50px;display: none;}
.search-box{width: 800px;margin: 0 auto;display: flex;justify-content: center;}
.search-select-input{ position: relative;padding-right: 100px;}
.search-select-input::after, .search-select-input::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 1px;
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.search-select-input::before {
    width: 100%;
    background-color: #eff1f5;
}
  
.search-select-input::after {
    width: 0;
    background-color: #cc0001;
}
  
.search-select-input.focus::after {
    width: 100%;
    background-color: #cc0001;
}
.search-select-input input{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
}
.search-select-input .search-input{
   
    padding-right: 100px;
    padding-left: 10px;
    font-size: 18px;
    width: 100%;
    height: 50px;
    color: #27282d;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.submit{width: 30px;height: 30px;background: url('./search_23st.png') no-repeat;background-size: 30px;position: absolute;right: 0;top: 10px;cursor: pointer;}

/* header */
.header{
    width: 100%;background-color: white;height: 150px;display: flex;align-items: center;
}
.logo_23st{width: 190px;overflow: hidden;display: block}
.logo_23st img{width: 100%;display: block;}
.date-time{width: 100%;text-align: center;padding-top: 5px;color: #999;font-size: 16px;}

/* ad */
.ad-top{width: 1100px;height: 85px;overflow: hidden;}
.ad-top img{width: 100%;display: block;}

.ad-main-01{width: 100%;overflow: hidden;}
.ad-main-01 img{display: block;width: 100%;}

.ad-main-02{width: 100%;overflow: hidden;margin: 30px auto;}
.ad-main-02 .row{margin-left: -30px;height: 90px;overflow: hidden;}
.ad-main-02 a{width: 33.33333%;overflow: hidden;float: left;padding-left: 30px;}
.ad-main-02 a img{width: 100%;display: block;height: 90px;}

.ad-main-03{width: 100%;overflow: hidden;margin: 20px auto;}
.ad-main-03 .row{margin-left: -30px;height: 90px;overflow: hidden;}
.ad-main-03 a:first-child{width: 66.6666%;float: left;padding-left:30px;}
.ad-main-03 a img{width: 100%;display: block;height: 90px;}
.ad-main-03 a:nth-child(2){width: 33.3333%;padding-left: 30px;float: right;}

/* nav */
.nav{width: 100%;height: auto;background-color: #cc0001;display: flex;box-shadow: 0px 5px 10px 0px rgba(204, 0, 1, .2);overflow: hidden;padding: 15px 0;}
.navbar{display: flex;height: 70px;align-items:center;align-content: space-between;justify-content: center;flex-wrap: wrap;}
.navbar li{height: 35px;width: 12.5%;line-height:35px;text-align: center;}
.navbar li a{color: white;height: 35px;font-size: 18px;position: relative;}
.navbar li a::before{content: "";
    width: 0;
    position: absolute;
    bottom: -5px;
    left: 0;
    display: block;
    height: 1px;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;}
.navbar li a:hover::before{ width: 100%;background-color: #eff1f5;}

/* main */
.main{padding: 25px 0;overflow: hidden;}

.toutiao{overflow: hidden;margin-top: 25px;}
.toutiao h1{font-size: 34px;font-weight: bold;text-align: center;}
.toutiao h1 a{color: #2539aa;}
.toutiao-group{text-align: center;margin-top: 15px;}
.toutiao-group li{display: inline-block;}
.toutiao-group li a{font-size: 16px;padding: 0 15px;}
.more-icon{width: 50px;background: url('./more-icon_23st.png') no-repeat right center;padding-right: 25px;background-size: 12px 12px;color: #cc0001}

/* yaowen */
.yaowen{margin-top: 40px;overflow: hidden;} 
.yaowen .row{margin-left: -30px;}
.yaowen-pic-news{width: 66.6666%;height: 563px;overflow: hidden;padding-left: 30px;}
.pic-news{width: 100%;height: 518px;overflow: hidden;position: relative;}
.pic-news a{display: block;width: 100%;height: 100%;position: relative;}
.pic-news .pic{width: 100%;height: 518px;display: block;}
.pic-news .title{position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .3);font-size: 16px;color: white;padding: 5px 50px 5px 10px;font-size: 18px;}
.pic-news .swiper-pagination{right: 10px;bottom: 10px;left: auto!important;width: auto!important;}
.pic-news .swiper-pagination-bullet{width: 20px;height: 5px;border-radius: 5px;background-color: white;}
.pic-news .swiper-pagination-bullet-active{}

.focus-hot{height:33px;border:1px solid #d6d6d6;background:url('./hot-c_23st.png') no-repeat;margin-top:10px;padding-left:105px;font-size: 14px;overflow: hidden;display: flex;align-items: center;}
.focus-hot a{position: relative;display: block;margin: 0 10px;padding-left: 10px;}
.focus-hot a::before{content: '';position: absolute;left: 0;top: 50%;bottom: 0;width: 5px;height: 5px;background: #ccc;border-radius: 50rem;margin-top: -2px;}
.focus-hot a:hover::before{background: #cc0001;transition: all 0.5s ease-in-out;}

.pic-news img{width: 910px;height: 518px;}


.yaowen-news{width: 33.3333%;height: 563px;overflow: hidden;padding-left: 30px;}
.yaowen-news-content{padding: 10px 20px;height: 518px}
.sun-tit{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.sun-tit span{font-family: 'SourceHanSansCN-Regular';font-size: 24px;color: #cc0001;}
.sun-tit .more{padding-right: 20px;background: url('./mores-icon_23st.png') no-repeat right center;background-size: 14px}


.yaowen-group h4{display: flex;height: 40px;align-items: center;margin-top: 10px;}
.yaowen-group h4 a{color: #2539aa;display: block;font-weight: bold;font-size: 18px;}

.news-gourp li{font-size: 16px;display: flex;height: 35px;align-items: center;width: 100%;position: relative;}
.yaowen-group a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-gourp a{padding-left: 10px;}
.news-gourp a::before{content: '';position: absolute;left: 0;top: 50%;bottom: 0;width: 5px;height: 5px;background: #ccc;border-radius: 50rem;margin-top: -2px;}
.news-gourp a:hover::before{background: #cc0001;transition: all 0.5s ease-in-out;}

.yaowen-news-ft{width: 100%;height: 35px;display: flex;align-items: center;margin-top: 10px;}
.yaowen-news-ft a{font-size: 17px;color: #cc0001;margin-right: 5px;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/* 文明培育在成都 */
.c-title{font-family: 'SourceHanSansCN-Regular';position: relative;height: 50px;display: flex;align-items: center;width: 100%;justify-content: space-between}
.c-tf{font-size: 32px;color: #cc0001;font-weight: bold;}
.c-title .more{padding-right: 20px;background: url('./mores-icon_23st.png') no-repeat right center;background-size: 14px}
.cd-box{overflow: hidden;margin-left: -30px;margin-top: 15px;margin-bottom: 15px;}
.cd-box .item{width: 33.33333%;float: left;overflow: hidden;padding: 0 0 15px 30px;}
.cd-box .item .card{padding: 10px 0;height: auto;height: 504px;}
.cd-box .item .card .sun-tit{padding: 0 20px 5px;}
.cd-box .item .card .sun-tit span{font-size: 22px;}
.cd-box .news-pic{width: 100%;height: 228px;overflow: hidden;}
.cd-box .news-pic a{display: block;position: relative;overflow: hidden;}
.cd-box .news-pic a img{width: 100%;height:228px;display: block;}
.cd-box .news-pic p{position: absolute;left: 0;bottom: 0;padding: 6px 10px;background:rgba(0, 0, 0, .3);color: white;width: 100%;font-size: 14px}
.cd-box .c-gourp{padding:15px 20px 0;}
.cd-box .c-gourp li{font-size: 16px;display: flex;height: 38px;align-items: center;width: 100%;position: relative;}
.cd-box .c-gourp li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cd-box .card-ad-group{height: 504px;overflow: hidden;}
.cd-box .card-ad-group a{height: 111px;margin-bottom: 20px;display: block;}
.cd-box .card-ad-group a img{width: 100%;height: 111px;display: block;}

/* 文明实践在成都 */
.cd-box-txt{overflow: hidden;margin-left: -30px;margin-top: 15px;margin-bottom: 15px;}
.cd-box-txt .item{width: 33.33333%;float: left;overflow: hidden;padding: 0 0 15px 30px;}
.cd-box-txt .item .card{height: auto;height: 360px;}

.card-img{display: block;position: relative;}
.card-img a img{height: 360px;width: 100%;display: block;}
.card-img a p{position: absolute;left: 0;bottom: 0;padding: 6px 10px;background:rgba(0, 0, 0, .3);color: white;width: 100%;font-size: 16px;text-align: center;}

.card-content{padding: 20px;}
.card-hd h3{font-size: 18px;}
.card-hd h3 a{color: #333;}
.card-hd p{color: #999;font-size: 14px;padding-top: 8px;}
.card-hd p a{color: #cc0001;}
.card-gourp{margin-top: 20px;overflow: hidden;}
.card-gourp li{font-size: 16px;display: flex;height: 50px;align-items: center;width: 100%;position: relative;border-top: 1px dashed #ccc;}
.card-gourp li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding-left: 15px;}
.card-gourp li a::before{content: '';position: absolute;left: 0;top: 50%;bottom: 0;width: 5px;height: 5px;background: #ccc;border-radius: 50rem;margin-top: -2px;}
.card-gourp li a:hover::before{background: #cc0001;transition: all 0.5s ease-in-out;}


.card-swiper{height: 360px;position: relative;overflow: hidden; width: 100%;margin: 0 auto;}
.card-swiper .swiper-button-prev{width: 100%;height: 30px;background: url('./up_23st.png') no-repeat center;top: 0;margin: 0;left: 0;}
.card-swiper .swiper-button-next{width: 100%;height: 30px;background: url('./down_23st.png') no-repeat center;bottom: 0;margin: 0;top: auto;right: 0;}

.card-swiper .swiper-button-prev:after,.card-swiper .swiper-button-next:after{content: '';}


.card-swiper .swiper{width: 100%;height:300px;overflow: hidden;margin: 30px auto;}
.swiper-slide a{display: block;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.card_txt{background: white;box-shadow: -1px 0px 5px 0.03px rgb(7 7 7 / 9%);font-size: 16px}
.card_txt:hover{background: #cc0001;color: white;transition: all 0.5s ease-in-out;}

/* 文明创建在成都 */
.cd-creation{padding-top: 15px;padding-bottom: 15px;}
.cd-creation .card{height: 300px;background-color: #fcf7f3;}
.cd-creation .card .row{margin-left: -30px;overflow: hidden;}
.cd-creation-tab{width: 33.3333%;padding-left: 30px;}
.cd-creation-content{width: 66.6666%;padding-left: 30px;}

.cd-creation-tab li{height: 60px;width: 100%;background-color: white;display: flex;justify-content: center;align-items: center;font-size: 18px;cursor: pointer;position: relative;}
.cd-creation-tab li::before{width: 20px;height: 20px;content: '';position: absolute;top: 50%;left: 35%;transform: translateY(-50%);}
.cd-creation-tab li.active{background-color: #fcf7f3;color: #cc0001;}
.cd-creation-tab li:nth-child(1)::before{background: url('./creation1.png') no-repeat center;}
.cd-creation-tab li:nth-child(2)::before{background: url('./creation2.png') no-repeat center;}
.cd-creation-tab li:nth-child(3)::before{background: url('./creation3.png') no-repeat center;}
.cd-creation-tab li:nth-child(4)::before{background: url('./creation4.png') no-repeat center;}
.cd-creation-tab li:nth-child(5)::before{background: url('./creation5.png') no-repeat center;}

.cd-creation-tab li.active:nth-child(1)::before{background: url('./creation1s.png') no-repeat center;}
.cd-creation-tab li.active:nth-child(2)::before{background: url('./creation2s.png') no-repeat center;}
.cd-creation-tab li.active:nth-child(3)::before{background: url('./creation3s.png') no-repeat center;}
.cd-creation-tab li.active:nth-child(4)::before{background: url('./creation4s.png') no-repeat center;}
.cd-creation-tab li.active:nth-child(5)::before{background: url('./creation5s.png') no-repeat center;}


.cd-row{margin-left: -30px;}
.cd-item{width: 50%;float: left;padding-left: 30px;overflow: hidden;}
.cd-item-pic{padding: 30px 0;overflow: hidden;}
.cd-item-pic a{display: block;position: relative;}
.cd-item-pic a img{width: 100%;height: 240px;display: block;}
.cd-item-pic a p{position: absolute;left: 0;bottom: 0;padding: 6px 10px;background:rgba(0, 0, 0, .3);color: white;width: 100%;font-size: 16px;text-align: center;}

.cd-creation-group{padding: 30px 20px 30px 0;overflow: hidden;}
.cd-creation-group li{height: 42px;width: 100%;float: left;display: flex;align-items:center}
.cd-creation-group li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;;font-size: 16px;}

.cd-box-list{overflow: hidden;margin-left: -30px;margin-top: 15px;margin-bottom: 15px;}
.cd-box-list .item{width: 33.33333%;float: left;overflow: hidden;padding: 0 0 15px 30px;}
.cd-box-list .item .card{padding: 10px 0;height: auto;height: auto;}
.cd-box-list .item .card .sun-tit{padding: 0 20px 5px;}
.cd-box-list .item .card .sun-tit span{font-size: 22px;}

.sun-list{padding:0 10px;}
.sun-list li{font-size: 16px;display: flex;height: 35px;align-items: center;width: 100%;position: relative;}
.sun-list li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

/* cd-small-class */
.cd-small-class{overflow: hidden;margin: 14px 0 30px;}
.cd-small-class .cs-row{margin-left: -30px;overflow: hidden;position: relative;}
.cd-small-content{width: 66.6666%;float: left;overflow: hidden;padding: 30px 30px 30px 100px;height: 300px;}
.cd-ad-right{width: 33.3333%;float: right;overflow: hidden;padding-left:30px;}

.cd-small-content h4{background-color: #fcf7f3;width: 30px;padding: 0 35px;position: absolute;left: 30px;top: 0;bottom: 9px;display: flex;align-items: center;justify-content: center;}
.cd-small-content h4 span{font-size: 26px;font-weight: bold;color: #cc0001;}

.cd-small-item{width: 50%;float: left;overflow: hidden;padding-left:30px;height: 240px;}
.cd-small-item a{display: block;height: 100%;position: relative;}
.cd-small-item a img{width: 100%;height: 100%;display: block;}
.cd-small-item a p{position: absolute;left: 0;bottom: 0;padding: 6px 10px;background:rgba(0, 0, 0, .3);color: white;width: 100%;font-size: 16px;text-align: center;display: none;}
.cd-samll-play{width: 40px;height: 40px;background: url('./play_23st.png') no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px;transition:all .4s ease-in-out}
.cd-samll-play:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.cd-ad-right-box{overflow: hidden;display: flex;justify-content: center; align-items: center;flex-flow: column;}
.cd-ad-right-box a{display: block;width: 100%;height: 93px;margin-bottom:10px;}
.cd-ad-right-box a img{height: 93px;width: 100%;}


/* district */
.cd-district-tab{overflow: hidden;margin: 14px 0 0;}
.cd-district-tab ul{overflow: hidden;position: relative;}
.cd-district-tab ul::before{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #ccc;content: '';z-index: 0;}
.cd-district-tab li{float: left;text-align: center;padding:9px;position: relative;z-index: 2;}
.cd-district-tab li a{display: block;color: #333;font-size: 18px;position: relative;}
.cd-district-tab li.active,.cd-district-tab li:hover{background-color: white;border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
.cd-district-tab li.active a,.cd-district-tab li:hover a{color: #cc0001;font-weight: bold}
.cd-district-content{overflow: hidden;background-color: white;border: 1px solid #ccc;border-top: 0;}

.cd-creation-list{padding: 20px 0;overflow: hidden;}
.cd-creation-list li{width: 33.33333%;float: left;overflow: hidden;padding:5px 15px;position: relative;}
.cd-creation-list a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;position: relative;display: block;font-size: 16px;padding-left: 15px;}
.cd-creation-list a::before{content: '';position: absolute;left: 0;top: 50%;bottom: 0;width: 5px;height: 5px;background: #ccc;border-radius: 50rem;margin-top: -2px;}
.cd-creation-list a:hover::before{background: #cc0001;transition: all 0.5s ease-in-out;}


/* cd-wordtips */
.cd-wordtips{overflow: hidden;margin: 35px 0 15px -30px;}
.cd-wordtips .item{width: 33.3333%;padding-left: 30px;padding-bottom: 15px;height: 270px;}
.cd-wordtips-cont h3{height: 50px;background-color: #cc0001;display: flex;justify-content: space-between;align-items: center;color: white;font-size: 22px;padding-left: 15px;position: relative;}
.cd-wordtips-cont h3 .more{padding-right: 20px;color: white;font-size: 14px;}

.cd-wordtips-list{padding: 15px;}
.cd-wordtips-list li{font-size: 16px;display: flex;height: 35px;align-items: center;width: 100%;position: relative;}
.cd-wordtips-list li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding-left: 15px;}
.cd-wordtips-list li a::before{content: '';position: absolute;left: 0;top: 50%;bottom: 0;width: 5px;height: 5px;background: #ccc;border-radius: 50rem;margin-top: -2px;}
.cd-wordtips-list li a:hover::before{background: #cc0001;transition: all 0.5s ease-in-out;}

.cd-wordtips-sx{width: 66.6666%;padding-left: 30px;padding-bottom: 15px;height: 270px;}
.cd-wordtips-sx .card,.cd-wordtips-cont{height: 255px;overflow: hidden;}
.cd-wordtips-sx .sun-tit{padding: 0 20px;height: 50px;}

.cd-wordtips-sx-swpier{margin-left: -10px;}
.cd-wordtips-sx-swpier .s-item{width: 25%;float: left;padding-left: 10px;}
.cd-wordtips-sx-swpier .s-item a{display: block;overflow: hidden;}
.cd-wordtips-sx-swpier .s-item a img{width: 100%;height: 120px;}
.cd-wordtips-sx-swpier .s-item a p{height: 60px;display: flex;align-items: center;padding: 0 5px;overflow: hidden;}


.c-title1{font-family: 'SourceHanSansCN-Regular';position: relative;height: 50px;display: flex;align-items: center;width: 100%;justify-content: space-between}
.c-tf1{font-size: 22px;color: #cc0001;font-weight: bold;}
.c-title1 .more{padding-right: 20px;background: url('./mores-icon_23st.png') no-repeat right center;background-size: 14px}

.cd-scroll{margin-left: -15px;padding-bottom: 15px;overflow: hidden;}
.cd-scroll .item{width: 25%;float: left;padding-left: 15px;}
.cd-scroll .item a{display: block;overflow: hidden;}
.cd-scroll .item a img{height: 219px;width: 100%;display: block;}
.cd-scroll .item a p{display: none;}

.cd-scroll .item a img{max-width: none;
    -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.cd-scroll .item a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

/* briefing */
.briefing{height: 67px;overflow: hidden;margin: 30px auto;background: #eaeaea;box-shadow: 0px 2px 5px 1px rgb(7 7 72 / 15%)}
.briefing  .b-row{margin-left: -15px;margin-right: -15px;height: 67px;}
.briefing .item{width: 20%;float: left;padding: 15px;overflow: hidden;}
.briefing .item a{display: flex;position: relative;justify-content: center;align-items: center;height: 43px;}
.briefing .item a img{height: 100%;}



.footer{width: 100%;min-height: 150px;background: #fff;overflow: hidden;}
.foot-nav-item{overflow: hidden;position: relative;margin-top: 20px;}
.foot-nav-item::before{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #ccc;content: '';z-index: 0;}
.foot-nav-item li{float: left;text-align: center;padding:9px;position: relative;z-index: 2;cursor: pointer;}
.foot-nav-item li a{display: block;font-size: 16px;color: #333;font-size: 16px;position: relative;}
.foot-nav-item li.active,.foot-nav-item li:hover{background-color: white;border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
.foot-nav-item li.active a,.foot-nav-item li:hover a{color: #cc0001}


.foot-link-cont{overflow: hidden;}
.foot-link-row{padding: 20px 0;}
.foot-link-row a{padding: 0 10px;font-size: 14px;}

.copy{text-align: center;background-color: white;}


/* fix */
.shortcutfix{position: fixed;top:35%;left:10px;z-index: 10000;width:70px;overflow: hidden;}
.s-fix{width: 100%;overflow: hidden;display: flex;justify-content: center;flex-flow: column;align-items: center;margin-bottom: 15px;}
.s-fix img{width: 100%;display: block;}
.s-fix p{text-align: center;line-height: 1.3;padding-top: 5px;}

@media screen and (min-width: 1601px) {
    html,body {min-width: 1500px}
}
  
@media screen and (min-width: 1199px) and (max-width: 1601px) {
    html,body {min-width: 1200px}
    .container {width: 1170px}

    .ad-top{width: 940px;height: 80px;overflow: hidden;}

    .yaowen .row{margin-left: -20px;}
  
    .yaowen-pic-news{height:484px;padding-left: 20px;}
    .pic-news{width: 100%;height: 439px;}
    .pic-news .pic{height: 439px;}
    .pic-news img{width:773px;height: 439px;}
    .yaowen-news{padding-left: 20px;height:484px;}

    .yaowen-news-content{height: 439px;}
    .yaowen-group h4{height: 35px;margin-top:5px;}
    .news-gourp li{height: 30px;}


    /* 广告2 */
    .ad-main-02 .row{margin-left: -20px;height: 76px;}
    .ad-main-02 a{padding-left: 20px;}
    .ad-main-02 a img{width: 100%;height: 76px;}
    .ad-main-03 a:nth-child(2){padding-left: 20px;}
    /* 广告 end */
    .cd-box{margin-left: -20px;}
    .cd-box .item{padding: 0 0 15px 20px;}
    .cd-box .item .card{padding: 10px 0;height: auto;height: 445px;}
    .cd-box .news-pic{height: 200px}
    .cd-box .news-pic a img{height:200px}
    .cd-box .c-gourp{padding:10px 20px 0;}
    .cd-box .c-gourp li{height: 35px;}
    .cd-box .card-ad-group{height: 445px}
    .cd-box .card-ad-group a{height: 100px;margin-bottom: 15px;}
    .cd-box .card-ad-group a img{width: 100%;height: 100px;}

    .cd-box-txt{margin-left: -20px;}
    .cd-box-txt .item{padding: 0 0 15px 20px;}
    .cd-box-txt .item .card{height: 300px;}
    .card-img a img{height: 300px;}
    .card-swiper{height: 300px}
    .card-swiper .swiper{height:240px}
    .card-hd p{overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical}


    .cd-creation .card .row{margin-left: -20px;}
    .cd-creation-tab{padding-left: 20px;}
    .cd-creation-content{padding-left: 20px;}
    .cd-row{margin-left: -20px;}
    .cd-item{padding-left: 20px;}

    .cd-scroll .item a img{height: 185px;}

    .cd-district-tab li{padding: 7px;}
    .cd-district-tab li a{font-size: 16px;}

    .shortcutfix{left: 0;width: 50px}
    .shortcutfix p{font-size: 12px!important;}
}

@media screen and (max-width: 768px) {
   
     body {width: 100%}
    .container {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 4vw 0;
        background-color: #f4f4f4;
    } 
}